<!--图层-光标-->
<template>
  <g id="SelectLayer" v-if="workState === 10" :style="{ transform: 'scale(' + canvasAttr.canvasScale + ')' }">
    <rect :width="selectRect.RectWidth + 'px'" :height="selectRect.RectHeight + 'px'" :x="selectRect.BasePointX"
      :y="selectRect.BasePointY" :stroke="selectRect.StrokeColor" stroke-dasharray="5 5" fill="rgba(255, 255, 255, 0)"
      stroke-width="1" />
  </g>
</template>

<script setup lang="ts">
/* ================================================================================================ */
// 🍀引入
/* ================================================================================================ */
import { storeToRefs } from "pinia";// 引入pinia
import { useEditorStore } from "@/store"; // 引入存储
const myStore = useEditorStore(); // 使用存储
// 解构-画布
let {
  canvasAttr,//画布参数
  selectRect, 
  workState
} = storeToRefs(myStore);

</script>

<style lang="scss" scoped>
/* 引入共用css */
@import "@/assets/h.scss";
</style>
